<template>
	<view class="container">
	  <!-- 表单区域 -->
	  <view class="form-container">
	    <template v-if="choosePayId!=1">
	    			  <!-- 收款码 -->
	    			  <view class="form-item">
	    			    <text class="label">{{choosePayName}}收款码</text>
	    			    <view class="qrcode-container" @click="uploadPictures">
	    			      <image v-if="formData.qrcode" :src="BaseUrl+formData.qrcode" class="qrcode-image"></image>
	    			      <view v-else class="qrcode-placeholder">
	    			        <text class="icon">&#9788;</text>
	    			      </view>
	    			    </view>
	    			  </view>
	    </template>
	
	    <template v-if="choosePayId!=2 && choosePayId!=5">
	    			  <!-- 账号 -->
	    			  <view class="form-item">
	    			    <text class="label">{{choosePayName}}账号</text>
	    			    <input class="input" v-model="formData.alipayAccount" placeholder="请输入账号" />
	    			  </view>
	    </template>
	    <template v-if="choosePayId==5">
	    	<!-- 账号 -->
	    	<view class="form-item">
	    	  <text class="label">{{choosePayName}}编号</text>
	    	  <input class="input" v-model="formData.alipayAccount" placeholder="请输入编号" />
	    	</view>		  
	    </template>
	
	    <!-- 姓名 -->
	    <view class="form-item">
	      <text class="label">真实姓名</text>
	      <input class="input" v-model="formData.alipayName" placeholder="请输入真实姓名" />
	    </view>
		
		<template v-if="choosePayId==1">
			<!-- 开户银行 -->
			<view class="form-item">
			  <text class="label">开户银行</text>
			  <input class="input" v-model="formData.bankName" placeholder="举例：中国工商银行​" />
			</view>
			
			<!-- 开户地区 -->
			<view class="form-item">  
			  <text class="label">开户地区</text>
			  <input class="input" v-model="formData.accountOpeningArea" placeholder="举例：XX省/市分行" />
			</view>
			
			<!-- 开户网点 -->
			<view class="form-item">
			  <text class="label">开户网点</text>
			  <input class="input" v-model="formData.accountOpeningBranch" placeholder="举例：XX支行" />
			</view>
		</template>
	
	    <!-- 所在城市 -->
	    <!-- <view class="form-item" @click="showCityPicker = true">
	      <text class="label">所在城市</text>
	      <view class="input">
	        {{ formData.city || '请选择城市' }}
	        <text class="icon">→</text>
	      </view>
	    </view> -->
	
	    <!-- 昵称 -->
	    <view class="form-item">
	      <text class="label">昵称</text>
	      <input class="input" v-model="formData.nickname" placeholder="请输入昵称" />
	    </view>
	
	    <!-- 单日接单数 -->
	    <view class="form-item">
	      <text class="label">单日接单数</text>
	      <input class="input" v-model="formData.dailyOrders" placeholder="请输入单日接单数" type="number" />
	    </view>
	
	    <!-- 同时接单数 -->
	    <view class="form-item">
	      <text class="label">同时接单数</text>
	      <input class="input" v-model="formData.concurrentOrders" placeholder="请输入同时接单数" type="number" />
	    </view>
	  </view>
	
	  <!-- 保存按钮 -->
	  <view class="foot-btn">
		  <button class="save-btn" @click="saveAccount">保存收款账号</button>
	  </view>
	  
	  <!-- 城市选择器弹窗 -->
	  <!-- <view v-if="showCityPicker" class="city-picker">
	    <view class="picker-header">
	      <text class="picker-title">选择城市</text>
	      <text class="close-btn" @click="showCityPicker = false">×</text>
	    </view>
	    <view class="city-list">
	      <view v-for="(province, pIndex) in cities" :key="'p'+pIndex">
	        <view class="province-title">{{ province.name }}</view>
	        <view 
	          v-for="(city, cIndex) in province.cities" 
	          :key="'c'+cIndex"
	          class="city-item"
	          @click="selectCity(province.name, city)"
	        >
	          {{ city }}
	        </view>
	      </view>
	    </view>
	  </view> -->
	</view>
</template>

<script src="./index.js"></script>
<style src="./index.scss" lang="scss"></style>